﻿body{width: 100%;height:100%;letter-spacing:1px;min-width: 1200px;color:#666;background:#f5f5f5;}
.main{width:100%;height:100%;overflow:auto;}
input,select,textarea{font: 14px  'Microsoft Yahei',"微软雅黑";}
option{font:14px/1.5 arial,tahoma,'Microsoft Yahei',"微软雅黑",'\5b8b\4f53',sans-serif !important;}

.main-header{width:1200px;padding: 0 calc(50% - 600px);height:40px;line-height: 40px;background: url(../images/header-bg.png) repeat-x;}
.top-right{float: right;text-align: right;font-size: 14px;color: #666;}
.top-right a{color: #666;}
.top-item{margin-right: 25px;float:left;}
.top-user-box{float: left;}
.top-reg{margin-right: 8px;}
.top-login{margin-left: 8px;}
.main-body{width:1200px;padding: 0 calc(50% - 600px);}
.main-body-header{width:100%;height:80px;}
.main-body-header-body{width: 100%;height:570px;}
.header-content{float: right;height: 40px;margin-top: 28px;}
.header-search-box{border: 1px solid #f10217;float: left;}
.header-search-box input.search-text{border: none;height: 38px;line-height: 38px;width:470px;outline: none;font-size: 16px;padding: 0 10px;background: white;}
.header-search-btn{width:80px;background:url(../images/search.png);height:40px;line-height:40px;float:left;text-align: center;color:#fff;font-size:16px;border:none;cursor: pointer;}
.shopping-cart{width:190px;height: 38px;line-height: 38px;border:1px solid #d7d7d7;background: white;float:left;margin-left: 10px;}
.shopping-cart-text{float:left;color:#333;margin-left: 35px;}
.shopping-cart-icon{float:left;width: 24px;height:24px;margin:7px 0 0 5px;background: white url(../images/shopping-cart.png) no-repeat center;position: relative;cursor: pointer;}
.shopping-badge{width: 14px;height:14px;border-radius: 50%;background: #cd0010;color:white;font-size:10px;line-height: 14px;text-align: center;position: absolute;top:-2px;right:-7px;}
.left-list-content{width:190px;height:690px;background: white;position: absolute;top:0;}
.top-logo{width:100%;height:144px;background: white url(../images/logo-text.png) no-repeat center;border-bottom: 1px dashed #ccc;}
.list-content{padding: 17px 20px;width: calc(100% - 40px);}
.list-item{height:30px;}
.list-item a{color:#666;font-size: 16px;display: inline-block;}
.list-item-icon{width: 24px;height: 24px;float:left;margin-top: 3px;}
.list-item-text{float:left;height: 30px;line-height: 30px;margin-left: 10px;}
.icon1{background: url(../images/icon-1.png) no-repeat center;}
.icon2{background: url(../images/icon-2.png) no-repeat center;}
.icon3{background: url(../images/icon-3.png) no-repeat center;}
.icon4{background: url(../images/icon-4.png) no-repeat center;}
.icon5{background: url(../images/icon-5.png) no-repeat center;}
.icon6{background: url(../images/icon-6.png) no-repeat center;}
.icon7{background: url(../images/icon-7.png) no-repeat center;}
.icon8{background: url(../images/icon-8.png) no-repeat center;}
.icon9{background: url(../images/icon-9.png) no-repeat center;}
.icon10{background: url(../images/icon-10.png) no-repeat center;}
.icon11{background: url(../images/icon-11.png) no-repeat center;}
.icon12{background: url(../images/icon-12.png) no-repeat center;}
.icon13{background: url(../images/icon-13.png) no-repeat center;}
.icon14{background: url(../images/icon-14.png) no-repeat center;}
.icon15{background: url(../images/icon-15.png) no-repeat center;}
.icon16{background: url(../images/icon-16.png) no-repeat center;}
.icon17{background: url(../images/icon-17.png) no-repeat center;}
.header-content-body{margin-left:199px;height:100%;background: transparent;float: left;}
.right-ad{margin-left: 10px;width: 190px;height:100%;float: left;}
.right-ad-item{width: 100%;height:280px;background:#ff4a25;display: block;}
.right-ad-item img{width: 100%;height:100%;}

.main .navbar{width:760px;height: 40px;line-height:40px;background: #ff4a25;position: relative;padding-left: 40px;position: relative;}
.main .navbar li{float: left;font-size: 16px;padding:0 5px;line-height:40px;margin-right: 50px;}
.main .navbar li.active{background: #cc3723;}
.main .navbar li,.main .navbar li a{color:white;}
.main .caret{width: 0;height: 0;margin-left: 3px;border-top: 6px dashed;border-right: 6px solid transparent;border-left: 6px solid transparent;color: #fff;display: inline-block;vertical-align: middle;}
.main .ul-list{position: absolute;top:40px;left:0;width: 800px;background: white;z-index: 999;display: none;}
.main .ul-list.checked{display: block;}
.main .ul-list li{margin: 0 0 0 40px;}
.main .ul-list li a{color:#333;}

.swiper-container{width: 800px;height: calc(100% - 230px);margin: 10px 0 0 0 !important;}
.swiper-slide a{display: inline-block;width: 100%;height:100%;}
.swiper-slide a img{width: 100%;height: 100%;}
.swiper-pagination-bullet{border: 2px solid #ff4a25;border-radius: 50%;background: transparent !important;opacity: 1 !important;}
.swiper-pagination-bullet-active{background: #ff4a25 !important;border: 4px solid white;}
.swiper-pagination-bullet .bullet-inner{width: 8px;height:8px;display:inline-block;background: transparent;}
.swiper-pagination-bullet-active .bullet-inner{background: transparent;}

.advertisement-row{width: 800px;height:170px;margin-top: 10px;}
.advertisement-row-item{width: 260px;height:100%;margin-right: 10px;background: #ff4a25;float:left;display: block;}
.advertisement-row-item img{width: 100%;height: 100%;}
.advertisement-row .advertisement-row-item:last-child{margin-right: 0px;}

.ad-content{width: 100%;margin-top: 30px;}
.ad-content-header{height:40px;background: white;border-bottom: 1px solid #e8e8e8;}
.ad-content-header-title{margin-left: 20px;height: 40px;line-height: 40px;float: left;font-size: 18px;color:#333;}
.ad-content-header-sub-title{float: right;margin-right: 10px;line-height: 40px;}
.ad-content-header-sub-title a{color:#333;font-size: 14px;}
.ad-content-body{width: calc(100% - 20px);background: white;padding: 10px;}
.ad-content-body-left-item{width: 280px;height:390px;display: block;float:left;border: 1px solid #cfcece;cursor: pointer;}
.ad-content-body-left-item-img{width: 100%;height:305px;}
.ad-content-body-left-item-bottom{width: 100%;height:68px;margin-top: -4px;padding-top: 17px;}
.ad-content-body-left-item-text,.ad-content-body-left-item-sub-text{text-align: center;width: 100%;font-size: 16px;color:#333;height:25px;line-height: 25px;}
.ad-content-body-right{width:calc(100% - 290px);height:392px;float: right;}
.ad-content-right-item{width: 213px;height: 190px;border: 1px solid #cfcece;display: block;float:left;cursor: pointer;margin-right: 10px;margin-bottom: 8px;}
.ad-content-body-right-item-img{width: 100%;height: 150px;}
.ad-content-body-right-item-text{height: 40px;width:calc(100% - 40px);padding:0 20px;text-align: center;margin-top: -4px;display: table;}
.ad-content-body-right-item-text span{display: table-cell;vertical-align: middle;font-size: 14px;color:#333;}
.ad-content-body-left-item-bottom2{width: calc(100% - 70px);height:85px;margin-top: -4px;padding: 0 35px;text-align: center;display: table;}
.ad-content-body-left-item-bottom2 span{vertical-align: middle;font-size: 16px;color:#333;display: table-cell;}
.ad-content-body-right-item-img2{width: 100%;height: 140px;}
.ad-content-body-right-item-text2{height: 50px;display:table;width:calc(100% - 40px);padding:0 20px;font-size:14px;color:#333;text-align: center;margin-top: -4px;}
.ad-content-body-right-item-text2 span{vertical-align: middle;font-size: 14px;color:#333;display: table-cell;}
.ad-row-2{width: calc(50% - 5px);float:left;}
.ad-row-body-2{width: calc(100 - 20px);height:392px;padding: 10px;background: white;}
.ad-row-body-item-2{width: 183px;height:190px;border: 1px solid #cfcece;display: block;float:left;cursor: pointer;margin-right: 10px;margin-bottom: 8px;}
.ad-row-left{width: 900px;float:left;}
.ad-row-left-left-item {width: 250px;height:390px;display: block;float:left;border: 1px solid #cfcece;cursor: pointer;}
.ad-row-left-body{width: calc(100% - 262px);float:left;margin-left: 10px;}
.ad-row-right-item{width: 198px;height:190px;border: 1px solid #cfcece;display: block;float:left;cursor: pointer;margin-right: 8px;margin-bottom: 8px;}
.ad-row-right{width: calc(100% - 910px);float:left;margin-left: 10px;}
.ad-row-right-col{width: 100%;height:190px;border: 1px solid #cfcece;display: block;float:left;cursor: pointer;margin-bottom: 8px;}
.ad-content-body .ad-row-right-col:last-child{margin-bottom: 0;}
.ad-content-full-img{width: 100%;height: calc(100% - 70px);margin-top: 10px;}
.ad-content-full-text{width:100%;text-align:center;height: 30px;line-height: 30px;color:white;font-size: 18px;}
.ad-content-full-sub-text{width:100%;text-align:center;height: 30px;line-height: 30px;color:white;font-size: 14px;}
.ad-row-3{width: 400px;float:left;margin-right: 10px;}
.ad-row-body-item-3{width: 183px;height:190px;border: 1px solid #cfcece;display: block;float:left;cursor: pointer;margin-right: 10px;margin-bottom: 8px;}
.ad-row-3-right{width: calc(100% - 820px);float:left;}
.item-2-big{width: 223px;}
.item-2-small{width: 163px;}

.my-body{width:100%;height:auto;}
.my-body-header{width:1200px;height:80px;padding: 0 calc(50% - 600px);}

.header-title{float:left;height:100%;}
.label-name{font-size:40px;color:#f34526;float:left;height:100%;line-height: 80px;margin-right: 20px;}
.label-title{font-size:21px;color:#333;float:left;height:40px;line-height:40px;margin-top: 28px;}
.main-body-header-body{width: 100%;}
.header-content-title{width:1200px;height:40px;padding: 0 calc(50% - 600px);background:#ff4a25;}
.my-main-content{width:1200px;height:auto;margin: 0 calc(50% - 600px);}
.my-main-content-title{width: 100%;height:35px;line-height:35px;color:#333;font-size:14px;border-bottom: 1px dashed #ccc;margin-bottom: 17px;}
.my-main-content-title a{color:#333;font-size:14px;}
.my-main-content-body{width: 100%;min-height:400px;background: white;}
.my-order-title{height:64px;border-bottom:1px solid #ccc;line-height: 64px;}
.my-order-title-icon{width:26px;height:26px;margin:19px 9px 0 25px;background: url(../images/order-icon.png) no-repeat center;float: left;}
.my-order-title-text{float:left;}
.my-order-title-text span.order-number{color:#ff4a25;}
.my-indent-title-icon{width:26px;height:30px;margin:17px 9px 0 25px;background: url(../images/book.png) no-repeat center;float: left;}
.my-order-title-text .indent-name{color:#333;font-size:16px;}
.my-order-title-text .indent-number{color:#ff4a25;font-size:14px;}
.indent-state{display:inline-block;width: 90px;height:30px;background: #eee;color:#ed0404;font-size: 14px;font-weight: bold;line-height: 30px;}
.indent-state.in{color:#06ae0e;}
.indent-state.handing{color:#ff4a25;}
.food-item{display: inline-block;}
.indent-img{display: inline-block;width: 63px;height:35px;float:left;margin-right: 15px;}
.indent-food-name{display: inline-block;height:35px;line-height: 35px;float:left;}
.my-indent-list .zTable table>tbody>tr:hover{background: white;}
.my-indent-list .zTable table td{border:none;}
.my-indent-list .zTable table tbody tr{height:40px;}
.my-indent-list .zTable tr th:first-child,.my-order-list .zTable tr th:first-child{width: 100px !important;}
.my-indent-list .zTable tr td:first-child,.my-order-list .zTable tr th:first-child{width: 100px !important;}
.my-indent-total{width: 100%;height:80px;line-height: 80px;border-top: 1px solid #ccc;background: white;}
.my-indent-pay{font-size:16px;color:#333;float:right;margin-right: 80px;}
.my-indent-total .real-pay{font-size:24px;color:#ff2525;}

.my-table-list .zTable tr th:first-child{width: 200px !important;}
.my-table-list .zTable tr td:first-child,.my-order-list .zTable tr th:first-child{width: 100px !important;}
.time-item-left{float:right;width: 110px;margin-top: 5px;margin-right: 15px;}
.time-item-date{width:110px;text-align:right;font-size: 16px;color:#333;font-weight: bold;height:30px;line-height: 30px;}
.time-item-time{width:110px;text-align:right;font-size: 14px;color:#333;height:30px;line-height: 30px;}
.time-item-right{float:right;width: 16px;height:116px;}
.time-line-top,.time-line-bottom{height:40px;width:0;border-right: 1px solid #ccc;padding-left: 7px;}
.time-line-middle{width: 16px;height:16px;background: url("../images/time-icon.png") no-repeat center;margin: 10px 0;}
.order-item-img{width: 120px;height:90px;background: url("../images/food-img.png") no-repeat center;float:left;margin-right: 15px;}
.order-item-block{float:left;}
.order-item-block-top{font-size:16px;color:#333;font-weight: bold;text-align: left;height:30px;line-height: 30px;}
.order-item-block-middle,.order-item-block-bottom{font-size:16px;color:#777;text-align: left;height:30px;line-height: 30px;}
.my-table-list .showDetail{background: transparent;text-decoration: #ccc;color:#333;font-size:14px;border-radius: 0;border-bottom: 1px solid #ccc;}
.my-table-list .showDetail:hover{background: transparent;}

.hotel-content-body{width: 100%;}
.hotel-detail-block{width: calc(100% - 20px);height:160px;background: white;margin-bottom: 28px;padding: 10px;}
.hotel-detail-block-img{float: left;width: 300px;height: 100%;}
.hotel-detail-text{float:left;width:calc(100% - 325px);height:calc(100% - 10px);padding-top: 10px;margin-left: 25px;}
.hotel-detail-text .detail-name{font-size:20px;color:#333;height:40px;line-height: 40px;}
.hotel-detail-text .detail-time{font-size:14px;color:#777;height:30px;line-height: 30px;}
.hotel-detail-text .detail-address{font-size:14px;color:#777;height:30px;line-height: 30px;}
.hotel-detail-text .detail-time-icon{width: 16px;height: 20px;margin:5px 8px 0 0;background: url("../images/time-icon.png") no-repeat center;float: left;}
.hotel-detail-text .detail-address-icon{width: 16px;height: 20px;margin:5px 8px 0 0;background: url("../images/address-icon.png") no-repeat center;float: left;}
.hotel-menu-main{border-top:1px dashed #ccc;width: 100%;}
.hotel-menu-header{width: 100%;height:55px;line-height: 55px;font-size: 20px;color:#333;}
.hotel-menu-body{width: 100%;}
.hotel-menu-item{width: 390px;height:150px;background: white;float:left;margin-right: 15px;margin-bottom: 15px;}
.menu-item-img{width: 160px;height: 100%;float: left;}
.menu-item-content{width: calc(100% - 200px);height:calc(100% - 20px);float:left;padding: 10px 20px;}
.menu-item-title{width: 100%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-size:16px;color:#333;height:25px;line-height: 25px;}
.menu-item-detail{width: 100%;font-size: 14px;color:#777;height: 30px;line-height: 30px;}
.menu-item-recommend{float:left;margin-right: 18px;}
.menu-item-detail-division{float:left;margin-right: 18px;}
.menu-item-sale{float:left;}
.menu-item-price{width: 100%;height:30px;margin-top: 30px;}
.menu-price{font-size:20px;color:#333;font-weight: bold;height:100%;line-height: 30px;float:left;}
.menu-operate-group{width: 104px;height:100%;float:right;}
.menu-operate-group1{width: 104px;height:100%;float:right;background:#ff4a25;font-size: 14px;color:white;text-align: center;line-height: 30px;border-radius: 20px;cursor: pointer;}
.menu-operate-left{width: 30px;height:100%;border: 1px solid #ccc;border-top-left-radius: 20px;border-bottom-left-radius: 20px;background: #ededed;font-size: 24px;line-height:30px;color:#333;text-align: center;float:left;cursor: pointer;}
.min-disabled.min-disabled{cursor: not-allowed;background: #eee;}
.menu-operate-text{background: white;width: 40px;height:100%;line-height: 30px;text-align: center;font-size:14px;color:#333;float:left;border-top:1px solid #ccc;;border-bottom: 1px solid #ccc;}
.menu-operate-right{width: 30px;height:100%;border: 1px solid #ccc;border-top-right-radius: 20px;border-bottom-right-radius: 20px;background: #ededed;font-size: 24px;color:#333;text-align: center;float:left;line-height:30px;cursor: pointer;}

.shopping-trolley{width: 340px;background:#d5d5d5;position: fixed;bottom: 0;right:0;max-height:700px;overflow-y:auto;}
.my-main-content *{box-sizing: initial;-webkit-box-sizing: initial;-moz-box-sizing: initial;}
.shopping-trolley *{box-sizing: initial;-webkit-box-sizing: initial;-moz-box-sizing: initial;}
.shopping-trolley-header{width: 100%;height:30px;background: #444;color:white;font-size: 16px;}
.shopping-trolley-title{float: left;line-height: 30px;margin-left: 20px;}
.shopping-trolley-clear{float: right;margin-right: 20px;}
.shopping-trolley-clear-icon{width: 14px;float:left;height: 16px;margin-top: 7px;margin-right: 8px;background: url(../images/delete-icon.png) no-repeat center;}
.shopping-trolley-clear-text{float:left;line-height: 30px;}
.shopping-trolley-body{width: 100%;}
.shopping-item{width: 100%;margin-bottom: 10px;}
.shopping-trolley-body .shopping-item:last-child{margin-bottom:0;}
.shopping-item-header{width: calc(100% - 18px);height:30px;background:white;line-height: 30px;font-size: 14px;color:#333;font-weight: bold;padding-left: 18px;border-bottom: 1px solid #ccc;}
.shopping-item-body{width: 100%;background: white;}
.shopping-item-row{width: calc(100% - 18px);height:32px;border-bottom: 1px solid #ccc;padding: 8px 0 8px 18px;}
.shopping-item-body .shopping-item-row:last-child{border-bottom:0;}
.shopping-item-row-name{width: 120px;font-size: 14px;line-height:16px;color:#777;float: left;}
.shopping-item-row-operate{width: 70px;height:20px;border:1px solid #ededed;float: left;margin: 0 40px;}
.shopping-item-row-sub,.shopping-item-row-add{width: 20px;height:20px;line-height: 20px;background: #d5d5d5;float: left;font-size: 14px;color:#333;text-align: center;}
.shopping-item-row-text{width: 30px;height:20px;line-height: 20px;float: left;text-align: center;}
.shopping-item-row-price{font-size: 14px;color:#ff4a25;float: left;}
.shopping-trolley-bottom{width: 100%;height: 35px;border-top:1px solid #dc4020;}
.shopping-trolley-total{width: 50%;height:100%;float: left;background: #d5d5d5;text-align: center;}
.shopping-trolley-total-icon{width: 24px;height:23px;background: url(../images/shopping-cart.png) no-repeat center;float: left;margin: 6px 8px 0 40px;}
.shopping-trolley-total-text{font-size:16px;color:#333;line-height: 35px;float: left;}
.shopping-trolley-commit{width: 50%;height: 100%;line-height: 35px;background:#ff4a25;color:white;font-size: 16px;float: left;text-align: center;}
.cart-empty{width: 100%;height:30px;line-height: 30px;text-align: center;color:white;}

.pop-appointment-body{width: 300px;}
.pop-row{height:40px;}
.pop-label{width: 100px;text-align: right;line-height: 40px;height:100%;float:left;}
.pop-input{float:left;height: 24px;width:160px;margin-top: 8px;margin-left: 5px;padding: 0 5px;}